<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="auto" content='spider'>
	<meta charset="UTF-8">
	<title>蜘蛛旅行社</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/information.css">
</head>
<body>
	<header id='header'>
		<div class='center'>
			<h1 class="logo">蜘蛛旅行社</h1>
			<nav style='overflow:hidden;'>
				<!--为了大纲清晰，所以要加个标题-->
				<h2 class="none">网站导航</h2>
			<ul class="link">
					<li ><a href="index.html">首页</a></li>
					<li class="active"><a href="#">旅游咨询</a></li>
					<li><a href="buy.html">机票订购</a></li>
					<li><a href="scenery.html">风景欣赏</a></li>
					<li><a href="about.html">公司简介</a></li>
				</ul>
			</nav>
		</div>
	</header>
	<div id="headline">
		<div class="center">
			<hgroup>				
				<h2>旅游咨询</h2>
				<h3>介绍各种旅游信息、资讯要闻、景点攻略等</h3>
			</hgroup>
		</div>
	</div>
	<div id="containter">
		<aside class='sidebar'>
			<div class="sidebox recommend">
				<h2>景点推荐</h2>
				<div class="tag">
					<ul>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
					</ul>
				</div>
			</div>
			<div class="sidebox hot">
				<h2>热卖旅游</h2>
				<div>
					<figure>
						<img src="image/sidebar1.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar2.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar3.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar4.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar5.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar6.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar7.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar8.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar9.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar10.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
				</div>
			</div>
			<div class="sidebox tourBox">
				<h2>旅游百宝箱</h2>
				<div>
					<a href="#" class="sky1">火车票查询</a>
					<a href="#"  class="sky2">机票查询</a>
					<a href="#"  class="sky3">动车查询</a>
					<a href="#"  class="sky4">客车查询</a>
				</div>
			</div>
		</aside>
		<div class="list">
			<div class="infor">	
			<ul class="left">
				<li><a href='#'>限时特价</a></li>
				<li><a href='#'>热门推荐</a></li>
			</ul>
			<ul class="right">
				<li><a href='#' class="checked">推荐</a></li>
				<li><a href='#'>折扣</a></li>
				<li><a href='#'>价格</a></li>
			</ul>
			</div>

			<div>
			<figure class="content">
				<img src="image/tour1.jpg" />
				<figcaption>
					<header>
						<hgroup>
							<h2>曼谷、芭提雅6日游</h2>
							<h3>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷...</h3>
						</hgroup>
					</header>
					<div>
						<ul>
							<li><mark>交通</mark>:春秋航空、现在出发、无须转机</li>
							<li><mark>团期</mark>:2016-5-5</li>
						</ul>
					</div>
					<div class="buy">
						<div class="price">¥<strong>2680</strong> <s>¥3302</s></div>
						<div class="now"><a href='#'>立即抢购</a></div>
					</div>
					<div class="type">国内长线</div>
					<div class="desc">4.7折</div>
					<footer>
						活动截止时间<time>2016-2-5</time>
					</footer>
				</figcaption>
			</figure>
			<figure class="content">
				<img src="image/tour1.jpg" />
				<figcaption>
					<header>
						<hgroup>
							<h2>曼谷、芭提雅6日游</h2>
							<h3>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷...</h3>
						</hgroup>
					</header>
					<div>
						<ul>
							<li><mark>交通</mark>:春秋航空、现在出发、无须转机</li>
							<li><mark>团期</mark>:2016-5-5</li>
						</ul>
					</div>
					<div class="buy">
						<div class="price">¥<strong>2680</strong> <s>¥3302</s></div>
						<div class="now"><a href='#'>立即抢购</a></div>
					</div>
					<div class="type">国内长线</div>
					<div class="desc">4.7折</div>
					<footer>
						活动截止时间<time>2016-2-5</time>
					</footer>
				</figcaption>
			</figure>
			<figure class="content">
				<img src="image/tour1.jpg" />
				<figcaption>
					<header>
						<hgroup>
							<h2>曼谷、芭提雅6日游</h2>
							<h3>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷...</h3>
						</hgroup>
					</header>
					<div>
						<ul>
							<li><mark>交通</mark>:春秋航空、现在出发、无须转机</li>
							<li><mark>团期</mark>:2016-5-5</li>
						</ul>
					</div>
					<div class="buy">
						<div class="price">¥<strong>2680</strong> <s>¥3302</s></div>
						<div class="now"><a href='#'>立即抢购</a></div>
					</div>
					<div class="type">国内长线</div>
					<div class="desc">4.7折</div>
					<footer>
						活动截止时间<time>2016-2-5</time>
					</footer>
				</figcaption>
			</figure>
			<figure class="content">
				<img src="image/tour1.jpg" />
				<figcaption>
					<header>
						<hgroup>
							<h2>曼谷、芭提雅6日游</h2>
							<h3>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷...</h3>
						</hgroup>
					</header>
					<div>
						<ul>
							<li><mark>交通</mark>:春秋航空、现在出发、无须转机</li>
							<li><mark>团期</mark>:2016-5-5</li>
						</ul>
					</div>
					<div class="buy">
						<div class="price">¥<strong>2680</strong> <s>¥3302</s></div>
						<div class="now"><a href='#'>立即抢购</a></div>
					</div>
					<div class="type">国内长线</div>
					<div class="desc">4.7折</div>
					<footer>
						活动截止时间<time>2016-2-5</time>
					</footer>
				</figcaption>
			</figure>

		</div>
			<div class="more"><a href='#'>加载更多...</a></div>
		</div>
		
	</div>
			<footer id='foot'>
			<div class="top">
				<div class="block left ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
				<div class="block center ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
				<div class="block right ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
			</div>
			<div class="bottom">
				蜘蛛旅行社 | www.zz.com | 旅行经营许可证
			</div>
		</footer>
</body>
</html>